<!DOCTYPE html>
<html lang="en">
    <head>
        <title>
            分享汇
        </title>
        <meta charset="utf-8">
            <link href="../CSS/share.css" rel="stylesheet" type="text/css"/>
            <script src="../JS/share.js" type="text/javascript">
            </script>
        </meta>
    </head>
    <body>
    <!--页面中最上头的导航条-->
        <div class="div1">
            <div class="logo">
                Here
            </div>
            <div class="daohang">
                <div class="daohang1">
                    <a class="a1" href="#">
                        分享汇
                    </a>
                </div>
                <div class="daohang1">
                    <a class="a1" href="travel.html">
                        微游
                    </a>
                </div>
                <div class="daohang1">
                    <a class="a1" href="#">
                        动态
                    </a>
                </div>
            </div>
            <div class="user">
                <a href="personal.html">
                    <img src="../images/user.png"/>
                </a>
            </div>
            <div class="search">
                <input name="search" placeholder="搜索..." type="text"/>
                <input name="search" type="button" value="搜索"/>
            </div>
        </div>
        <!--中间部分-->
        <div class="center">
            <div class="hua">
                <div class="English">
                    Here I am,where are you
                </div>
                <div class="Chinese">
                    <div>
                        去了不同的地方，
                    </div>
                    <div>
                        看了不同的风景，
                    </div>
                    <div>
                        知道了不同的事，
                    </div>
                    <div>
                        感悟了不同的人生。
                    </div>
                </div>
            </div>
            <!--轮播图-->
            <div id="picture">
                <div id="list">
                    <img src="../images/way1.jpg"/>
                    <img src="../images/happy1.jpg"/>
                    <img src="../images/eat1.jpg"/>
                    <img src="../images/live1.jpg"/>
                    <img src="../images/way1.jpg"/>
                    <img src="../images/happy1.jpg"/>
                </div>
                <div class="buttons">
                    <span class="on" index="1">
                    </span>
                    <span index="2">
                    </span>
                    <span index="3">
                    </span>
                    <span index="4">
                    </span>
                </div>
                <div>
                    <a class="both" href="javascript:;" id="left">
                        <
                    </a>
                    <a class="both" href="javascript:;" id="right">
                        >
                    </a>
                </div>
            </div>
        </div>
        <!--文章分享部分（按主题分类）-->
        <ul class="bottom">
            <li>
                <font>
                    乐
                </font>
                <div>
                    <a href="passage-happy.html">
                        <img src="../images/happy1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-happy.html">
                        <img src="../images/happy1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-happy.html">
                        <img src="../images/happy1.jpg"/>
                    </a>
                </div>
            </li>
            <li>
                <font>
                    食
                </font>
                <div>
                    <a href="passage-eat.html">
                        <img src="../images/eat1.jpg"/>
                    </a>
                </div>
                <div>
                    <a "="" href="passage-eat.html">
                        <img src="../images/eat1.jpg"/>
                    </a>
                </div>
                <div>
                    <a "="" href="passage-eat.html">
                        <img src="../images/eat1.jpg"/>
                    </a>
                </div>
            </li>
            <li>
                <font>
                    宿
                </font>
                <div>
                    <a href="passage-live.html">
                        <img src="../images/live1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-live.html">
                        <img src="../images/live1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-live.html">
                        <img src="../images/live1.jpg"/>
                    </a>
                </div>
            </li>
            <li>
                <font>
                    行
                </font>
                <div>
                    <a href="passage-way.html">
                        <img src="../images/way1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-way.html">
                        <img src="../images/way1.jpg"/>
                    </a>
                </div>
                <div>
                    <a href="passage-way.html">
                        <img src="../images/way1.jpg"/>
                    </a>
                </div>
            </li>
        </ul>
    </body>
</html>